<template>
	<!-- 商品已下架 -->
	<view class="container">
		<!-- 标题 -->
		<headTitle title="商品已下架" ></headTitle>
		<view class="cart-empty flex-center-center">
			<view>
				<image src="/static/image/emptycart.png" mode=""></image>
				<view class="flex-center-center" @tap="navToTabPage('/pages/index/shopindex')">
					<text class="font30 color333">商品已下架，</text>
					<text class="font30 font-red">去看看别的</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
import headTitle from '@/components/head-title'
export default {
	data() {
		return {
			
		}
	},
	methods: {
		// 页面跳转
		navToTabPage(url) {
			uni.reLaunch({ url })
		},
	},
	components: {
		headTitle,
	}
}
</script>

<style lang="scss">
page {
	background-color: #F5F5F5;
}
page,
.container,
.cart-empty {
	height: 100%;
}
.cart-empty {
	margin-top: -88rpx;
	image {
		width: 374rpx;
		height: 288rpx;
		margin-bottom: 30rpx;
	}
	.font-red {
		color: #C84739;
	}
}
</style>
